.index-container {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 200rpx;
		.search {
			width: 100%;
			padding: 10rpx 20rpx 10rpx 20rpx;
		}

		.swiper {
			// padding: 0rpx 20rpx;
			width: 100%;
			min-height: 200rpx;
			margin: 10rpx 0px 20rpx 0rpx;
		}
		// 菜单分类
		.cate-menu{
			margin-top: 16rpx;
			width: 100vw;
			display: flex;
			align-items: flex-start;
			flex-shrink: 0;
			flex-wrap: wrap;
			.item{
				width: 20vw;
				margin-bottom: 30rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				.item-image{
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
					.image{
						width: 100%;
						height: 100%;
					}
				}
				.item-text{
					font-size: 24rpx;
					height: 32rpx;
					margin-top: 10rpx;
					overflow: hidden;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-break: break-all;
				}
			}
			
		}
		
		// 限时秒杀
		.time-seckill{
			margin-top: 10rpx;
			width: 100vw;
			padding: 0rpx 20rpx;
			.title{
				.text{
					position: relative;
					font-weight: bold;
					padding-left: 20rpx;
				}
				.text:before{
					content: "";
					position: absolute;
					left: 0rpx;
					top: 4rpx;
					width: 10rpx;
					height: 36rpx;
					background-color: #01ab36;
					border-radius: 10rpx;
				}
			}
			.time{
				.time-text{
					color: #999;
					font-size: 28rpx;
					margin-right: 20rpx
				}
			}
			.time-count {
			    @include flex;
			    align-items: center;
			
			    &__custom {
			         width: 40rpx;
			         height: 40rpx;
			         // background-color: #fc493e;
					 background: linear-gradient(to right, rgb(248, 80, 50), rgb(231, 56, 39));
			         border-radius: 8rpx;
			         /* #ifndef APP-NVUE */
			         display: flex;
			         /* #endif */
			         justify-content: center;
			         align-items: center;
			    
			        &__item {
			             color: #fff;
			             font-size: 24rpx;
			             text-align: center;
			         }
			    }
			    
			    &__doc {
			         color: #fc493e;
			         padding: 0rpx 8rpx;
			     }
			    
			    &__item {
			         color: #606266;
			         font-size: 30rpx;
			         margin-right: 8rpx;
			     }
			}
			.seckill-content{
				.scroll-list {
					@include flex(column);
				}
				width: 100%;
				.item{
					margin-right: 40rpx;
					margin-top: 10rpx;
					width: 200rpx;
					.item-image{
						    width: 200rpx;
						    height: 200rpx;
						.image{
							    width: 100%;
							    height: 100%;
						}
					}
					.item-desc{
						margin: 10rpx 0rpx;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						text-overflow: ellipsis;
						    font-size: 28rpx;
					}
					.item-price-cart{
						.price{
							color: #FC483C;
							.price-num{
								font-size: 28rpx;
								font-weight: bold;
							}
						}
						.cart{
							width: 40rpx;
							height: 40rpx;
							border-radius: 50%;
							background: linear-gradient(to right,#01AB36,#056523);
							text-align: center;
							line-height: 40rpx;
						}
					}
				}
			}
		}
		// 为您推荐
		.sell{
			width: 100vw;
			margin-top: 30rpx;
			padding: 0rpx 10rpx;
			.sell-menu{
				width: 100%;
				padding: 0rpx 10rpx;
				.item{
					text-align: center;
					min-width: 20%;
					.item-title{
						font-weight: bold;
					}
					.item-desc{
						margin-top: 10rpx;
						font-size: 24rpx;
						color: #999;
					}
				}
				.active{
					.item-title{
						color: #01ab36;
					}
					.item-desc{
						padding: 0rpx 4rpx;
						border-radius: 20rpx;
						background-color: #01ab36;
						color: #fff;
					}
				}
			}
		}
		// 
	}
	
	
	
	// 轮播图
	.indicator {
		@include flex(row);
		justify-content: center;
	
		&__dot {
			height: 12rpx;
			width: 12rpx;
			border-radius: 200rpx;
			background-color: rgba(255, 255, 255, 0.35);
			margin: 0 10rpx;
			transition: background-color 0.3s;
	
			&--active {
				width: 15px;
				background-color: #ffffff;
			}
		}
	}
	
	.indicator-num {
		padding: 4rpx 0;
		background-color: rgba(0, 0, 0, 0.35);
		border-radius: 200rpx;
		width: 70rpx;
		@include flex;
		justify-content: center;
	
		&__text {
			color: #FFFFFF;
			font-size: 24rpx;
		}
	}
	// .index-container:before{
	// 	content: "";
	// 	position: absolute;
	// 	left: 0rpx;
	// 	top: 0rpx;
	// 	width: 100%;
	// 	height: 400rpx;
	// 	// background-color: #54ba5e;
	// 	background: linear-gradient(#01ab36, #01ab36, #ffffff);
	// 	// background: linear-gradient(to top,#ffffff,#01ab36);
	// 	z-index: -1;
	// }
	
